<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head lang="en">
    <meta charset="UTF-8"/>
    <title>个人信息</title>
    <c:set var="path" value="${pageContext.request.contextPath}"></c:set>
    <link rel="stylesheet" type="text/css" href="${path}/css/public.css"/>
    <link rel="stylesheet" type="text/css" href="${path}/css/mygrxx.css"/>
    <style>
        #headA{
            width: 100px;
            height: 100px;
            border: 1px solid black;
            border-radius: 50%;
            overflow: hidden;
        }
        #headA img{
            max-height: 100%;
        }
    </style>
</head>
<body><!------------------------------head------------------------------>
<div class="head ding">
    <div class="wrapper clearfix">
        <div class="clearfix" id="top"><h1 class="fl"><a href="index.html"><img src="${path}/img/logo.png"/></a></h1>
            <div class="fr clearfix" id="top1"><p class="fl"><a href="#" id="login">登录</a><a href="#" id="reg">注册</a>
            </p>

                <div class="btn fl clearfix"><a href="mygxin.html"><img src="${path}/img/grzx.png"/></a><a href="#" class="er1"><img
<%--                        src="${path}img/ewm.png"/></a><a href="cart.html"><img src="${path}/img/gwc.png"/></a>--%>
                    <p><a href="#"><img src="${path}/img/smewm.png"/></a></p></div>
            </div>
        </div>
        <ul class="clearfix" id="bott">
            <li><a href="/index">首页</a></li>
        </ul>
    </div>
</div><!------------------------------idea------------------------------>
<div class="address mt">
    <div class="wrapper clearfix"><a href="/index" class="fl">首页</a><span>/</span><a href="mygxin.html" class="on">个人信息</a>
    </div>
</div><!------------------------------Bott------------------------------>
<div class="Bott">
    <div class="wrapper clearfix">
        <div class="zuo fl">
            <h3><a href="#"><img src="${user.userHeadPortrait}" style="height: 40px; width: 40px;"/></a>
                <p class="clearfix"><span class="fl float-left">[${user.userNickname}]</span><span class="fr float-left"><a href="${path}/user/quit">[退出登录]</a></span></p></h3>
            <div><h4>我的交易</h4>
                <ul>
                    <li><a href="/user/orderlist">我的购物车</a></li>
                </ul>
                <h4>个人中心</h4>
                <ul>
                    <li><a href="/user/userInformation">我的中心</a></li>
                    <li><a href="/addAddress">地址管理</a></li>
                </ul>
                <h4>账户管理</h4>
                <ul>
                    <li class="on"><a href="/user/userInformation">个人信息</a></li>

                </ul>
            </div>
        </div>
        <div class="you fl"><h2>个人信息</h2>
            <div class="gxin">
                <div class="tx" id="headA"><img src="${user.userHeadPortrait}" />
                   </div>
                <div class="xx"><h3 class="clearfix"><strong class="fl">基础资料</strong><a href="${pageContext.request.contextPath}/user/UserFindById?userId=${user.userId}" class="fr" id="edit1">编辑</a>
                </h3>
                    <div name="userNickname" >用户名:${user.userNickname}</div>
                    <div name="phonenumber">用户电话:${user.userPhonenumber}</div>
                    <div name="gender">用户性别:${user.userGender}</div>
                </div>
            </div>
        </div>
    </div>
</div><!--遮罩-->
<div class="mask"></div><!--编辑弹框-->
</div><!--修改头像-->
<div class="avatar">
    <div class="clearfix"><a href="#" class="fr gb"><img src="${path}/img/icon4.png"/></a></div>
    <h3>修改头像</h3>
    <form action="#" method="get"><h4>请上传图片</h4><input type="button" value="上传头像"/>
        <p>jpg或png，大小不超过2M</p><input type="submit" value="提交"/></form>
</div><!--返回顶部-->
<div class="gotop"><a href="/user/orderlist">
    <dl>
        <dt><img src="${path}/img/gt1.png"/></dt>
        <dd>去购<br/>物车</dd>
    </dl>
</a><a href="#" class="dh">
    <dl>
        <dt><img src="${path}/img/gt2.png"/></dt>
        <dd>联系<br/>客服</dd>
    </dl>
</a><a href="#">
    <dl>
        <dt><img src="${path}/img/gt3.png"/></dt>
        <dd>个人<br/>中心</dd>
    </dl>
</a><a href="#" class="toptop" style="display: none">
    <dl>
        <dt><img src="${path}/img/gt4.png"/></dt>
        <dd>返回<br/>顶部</dd>
    </dl>
</a>
    <p>400-800-8200</p></div><!--footer-->
<div class="footer">
    <div class="top">
        <div class="wrapper">
            <div class="clearfix"><a href="#2" class="fl"><img src="${path}/img/foot1.png"/></a><span class="fl">7天无理由退货</span>
            </div>
            <div class="clearfix"><a href="#2" class="fl"><img src="${path}/img/foot2.png"/></a><span class="fl">15天免费换货</span>
            </div>
            <div class="clearfix"><a href="#2" class="fl"><img src="${path}/img/foot3.png"/></a><span class="fl">满599包邮</span>
            </div>
            <div class="clearfix"><a href="#2" class="fl"><img src="${path}/img/foot4.png"/></a><span class="fl">手机特色服务</span>
            </div>
        </div>
    </div>
    <p class="dibu">最家家居&copy;2013-2017公司版权所有 京ICP备080100-44备0000111000号<br/>
        违法和不良信息举报电话：400-800-8200，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p></div>
<script src="${path}/js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
<script src="${path}/js/public.js" type="text/javascript" charset="utf-8"></script>
<script src="${path}/js/user.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>